/* 公共样式 */
.greenbg{background: rgb(108, 155, 123);}
.wirtefont{color:#ffffff;}
.greenbgOpacity5{background: rgba(108, 155, 123,.5);}
.fontSize14{font-size: 14px;}
.fl{float: left;}
.fr{float: right;}
i{font-style:normal;}
/* 主体 */
.mapContainerIDClass{width: 100%;height: 100%;position: relative;}
/* rotate旋转角度按钮 */
/* .mapContainerIDClass .ol-rotate{display: none;} */
/* 指北针显示覆盖样式 */
.ol-rotate.ol-hidden {
  opacity: 1;
  visibility: visible;
  font-size: 30px;
  margin-top: -5px;
  background: none;
  transform: rotate(135deg);
  color: #1890ff;
}
/* 控件 */
#controlContainer .scale{position: absolute;height:25px;line-height: 25px;border-radius: 3px;z-index: 10000;}
#controlContainer .scale .scaleContent{height:25px;line-height: 25px;padding:0 10px;}



/* 弹窗样式 */
.mapContainerIDClass .ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    /* padding: 10px 25px 10px 10px; */
    border-radius: 3px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 50px;
    display:none;
    /* z-index:-1; */
    text-align: center;
  }

  .mapContainerIDClass .ol-popup:after,
  .mapContainerIDClass .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .mapContainerIDClass .ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
  }

  .mapContainerIDClass .ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
  }

  .mapContainerIDClass .ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;color:#afafaf;
  }

  .mapContainerIDClass .ol-popup-closer:after {
    content: "✖";
  }
.ol-popup {
    display: none;
    position: absolute;
    background-color: white;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    width: 200px;
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.popup-title{
    font-weight: bold;
    border-bottom:1px solid #cccccc;
    padding: 5px 8px;
}
.popup-content{
    padding: 5px 8px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 6px;
    right: 6px;
}
.ol-popup-closer:after {
    content: "✖";
}



